.arco-pagination {
    @apply !text-xs;

    .arco-pagination-total {
        @apply !ml-4 !text-xs !text-color-3;
    }

    .arco-pagination-list {
        @apply ml-auto;

        .arco-pagination-item {
            @apply text-xs inline-flex items-center justify-center border border-color-2 rounded-lg;

            &:hover,
            &.arco-pagination-item-active {
                @apply bg-transparent border-primary text-primary;
            }
        }
    }

    .arco-pagination-options {
        .arco-select-view-value {
            @apply !text-xs;
        }
    }
}